<template>
<div id="app">
  <keep-alive>
    <router-view class="container"/>
  </keep-alive>
</div>
</template>

<script>

export default {
  name: 'App',
  watch: {
    $route (to, from) {
      if (to.path.includes('proDetail')) {
        this.page = 'content-right'
      } else if (from.path.includes('proDetail')) {
        this.page = 'content-left'
      } else {
        this.page = 'fadeIn'
      }
    }
  }
}
</script>

<style lang="scss">
@import './assets/styles/reset.scss';
@import './assets/styles/global.scss';
@import './assets/styles/common.scss';
@import './assets/styles/ui.scss';
</style>
